import { Rate, Tooltip } from 'antd';
import pageStyles from '@/common/pageLayout.less';
import { getColorTextLoadMap } from '@/utils';

const getPersonalColumns = () => {
  return [
    {
      title: '姓名',
      dataIndex: 'customerName',
      key: 'customerName',
      width: 130,
      visible: true,
      unDrag: true,
      fixed: 'left',
      render: (text: string | null) => {
        return (
          <Tooltip title={text ? text : ''}>
            <span
              className={pageStyles['over-flow-hidden']}
              style={{ maxWidth: 120 }}
            >
              {text ? text : '--'}
            </span>
          </Tooltip>
        );
      },
      sorter: (a: any, b: any) => {
        if (a.customerName < b.customerName) {
          return -1;
        } else {
          return 1;
        }
      },
    },
    {
      title: '性别',
      dataIndex: 'sex',
      key: 'sex',
      width: 100,
      visible: true,
      render: (text: string | null) => {
        let newText = '';
        if (text == '0') {
          newText = '未知';
        } else if (text == '1') {
          newText = '男';
        } else if (text == '2') {
          newText = '女';
        }
        return (
          <Tooltip title={newText ? newText : ''}>
            <span
              className={pageStyles['over-flow-hidden']}
              style={{ maxWidth: 80 }}
            >
              {newText ? newText : '--'}
            </span>
          </Tooltip>
        );
      },
      sorter: (a: any, b: any) => {
        if (a.sex < b.sex) {
          return -1;
        } else {
          return 1;
        }
      },
    },
    {
      title: '手机号',
      dataIndex: 'phoneMobile',
      key: 'phoneMobile',
      width: 130,
      visible: true,
      render: (text: string | null) => {
        return (
          <span
            className={pageStyles['over-flow-hidden']}
            style={{ maxWidth: 110 }}
          >
            {text ? text : '--'}
          </span>
        );
      },
      sorter: (a: any, b: any) => {
        if (a.phoneMobile < b.phoneMobile) {
          return -1;
        } else {
          return 1;
        }
      },
    },
    {
      title: '邮箱',
      dataIndex: 'emailNum',
      key: 'emailNum',
      width: 150,
      visible: true,
      render: (text: string | null) => {
        return (
          <Tooltip title={text}>
            <span
              className={pageStyles['over-flow-hidden']}
              style={{ maxWidth: 130 }}
            >
              {text ? text : '--'}
            </span>
          </Tooltip>
        );
      },
    },
    {
      title: '办公电话',
      dataIndex: 'phoneOffice',
      key: 'phoneOffice',
      width: 150,
      visible: true,
      render: (text: string | null) => {
        return (
          <Tooltip title={text}>
            <span
              className={pageStyles['over-flow-hidden']}
              style={{ maxWidth: 130 }}
            >
              {text ? text : '--'}
            </span>
          </Tooltip>
        );
      },
      sorter: (a: any, b: any) => {
        if (a.phoneOffice < b.phoneOffice) {
          return -1;
        } else {
          return 1;
        }
      },
    },
    {
      title: '备用手机',
      dataIndex: 'phoneSpare',
      key: 'phoneSpare',
      width: 150,
      visible: true,
      render: (text: string | null) => {
        return (
          <Tooltip title={text}>
            <span
              className={pageStyles['over-flow-hidden']}
              style={{ maxWidth: 130 }}
            >
              {text ? text : '--'}
            </span>
          </Tooltip>
        );
      },
      sorter: (a: any, b: any) => {
        if (a.phoneSpare < b.phoneSpare) {
          return -1;
        } else {
          return 1;
        }
      },
    },
    // {
    //   title: '客户来源',
    //   dataIndex: 'customerSourceName',
    //   key: 'customerSourceName',
    //   width: 150,
    //   visible: true,
    //   render: (text: string) => {
    //     let colorText = getColorTextLoadMap(text)?.colorText;
    //     let color = getColorTextLoadMap(text)?.color;
    //     return (
    //       <Tooltip
    //         title={
    //           colorText ? (
    //             <span style={{ color }}>{colorText ? colorText : null}</span>
    //           ) : (
    //             ''
    //           )
    //         }
    //       >
    //         <span style={{ color }}>{colorText ? colorText : '--'}</span>
    //       </Tooltip>
    //     );
    //   },
    //   sorter: (a: any, b: any) => {
    //     if (a.customerSource < b.customerSource) {
    //       return -1;
    //     } else {
    //       return 1;
    //     }
    //   },
    // },
    {
      title: '客户星级',
      dataIndex: 'customerLevel',
      key: 'customerLevel',
      width: 150,
      visible: true,
      render: (text: any) => {
        let newText: number = text;
        return (
          <span>
            <Rate
              tooltips={['一星', '二星', '三星', '四星', '五星']}
              value={newText}
              disabled
              style={{ fontSize: '14px' }}
            />
          </span>
        );
      },
      sorter: (a: any, b: any) => {
        if (a.customerLevel < b.customerLevel) {
          return -1;
        } else {
          return 1;
        }
      },
    },
    // {
    //   title: '跟进状态',
    //   dataIndex: 'followStateName',
    //   key: 'followStateName',
    //   width: 150,
    //   visible: false,
    //   render: (text: string) => {
    //     let colorText = getColorTextLoadMap(text)?.colorText;
    //     let color = getColorTextLoadMap(text)?.color;
    //     return (
    //       <span
    //         style={{ color }}
    //         // className={pageStyles['over-flow-hidden']}
    //       >
    //         {colorText ? colorText : '--'}
    //       </span>
    //     );
    //   },
    //   sorter: (a: any, b: any) => {
    //     if (a.followState < b.followState) {
    //       return -1;
    //     } else {
    //       return 1;
    //     }
    //   },
    // },
    {
      title: '客户意向',
      dataIndex: 'customerIntentName',
      key: 'customerIntentName',
      width: 150,
      visible: true,
      render: (text: string) => {
        let colorText = getColorTextLoadMap(text)?.colorText;
        let color = getColorTextLoadMap(text)?.color;
        return (
          <Tooltip title={colorText}>
            <span
              className={pageStyles['over-flow-hidden']}
              style={{ maxWidth: 140, color }}
            >
              {colorText ? colorText : '--'}
            </span>
          </Tooltip>
        );
      },
    },
    // {
    //   title: '是否关注',
    //   dataIndex: 'concernsIds',
    //   key: 'concernsIds',
    //   width: 120,
    //   visible: false,
    //   render: (text: string | null) => {
    //     let userID: any = getUserID();
    //     let newText = text?.includes(userID) ? '已关注' : '未关注';
    //     return <span>{newText ? newText : '--'}</span>;
    //   },
    //   sorter: (a: any, b: any) => {
    //     if (a.phoneSpare < b.phoneSpare) {
    //       return -1;
    //     } else {
    //       return 1;
    //     }
    //   },
    // },
    {
      title: '所在区域',
      dataIndex: 'provinceCode',
      key: 'provinceCode',
      width: 150,
      visible: true,
      render: (text: string, record: Record<string, any>) => {
        let newText =
          (record.provinceCodeName ? record.provinceCodeName : '') +
          (record.cityCodeName ? ` / ${record.cityCodeName}` : '') +
          (record.countyCodeName ? ` / ${record.countyCodeName}` : '');
        return (
          <Tooltip title={newText ? newText : ''}>
            <span
              className={pageStyles['over-flow-hidden']}
              style={{ maxWidth: 130 }}
            >
              {newText ? newText : '--'}
            </span>
          </Tooltip>
        );
      },
    },
    // {
    //   title: '民族',
    //   dataIndex: 'nationTypeName',
    //   key: 'nationTypeName',
    //   width: 150,
    //   visible: false,
    //   render: (text: string) => {
    //     let colorText = getColorTextLoadMap(text)?.colorText;
    //     let color = getColorTextLoadMap(text)?.color;
    //     return (
    //       <Tooltip title={colorText}>
    //         <span
    //           className={pageStyles['over-flow-hidden']}
    //           style={{ maxWidth: 140, color }}
    //         >
    //           {colorText ? colorText : '--'}
    //         </span>
    //       </Tooltip>
    //     );
    //   },
    // },
    // {
    //   title: '政治面貌',
    //   dataIndex: 'politicalTypeName',
    //   key: 'politicalTypeName',
    //   width: 150,
    //   visible: false,
    //   render: (text: string) => {
    //     let colorText = getColorTextLoadMap(text)?.colorText;
    //     let color = getColorTextLoadMap(text)?.color;
    //     return (
    //       <Tooltip title={colorText}>
    //         <span
    //           className={pageStyles['over-flow-hidden']}
    //           style={{ maxWidth: 140, color }}
    //         >
    //           {colorText ? colorText : '--'}
    //         </span>
    //       </Tooltip>
    //     );
    //   },
    // },
    // {
    //   title: '证件类型',
    //   dataIndex: 'cardType',
    //   key: 'cardType',
    //   width: 100,
    //   visible: false,
    //   render: (text: string) => {
    //     let newText = '';
    //     if (text == '0') {
    //       newText = '身份证';
    //     } else if (text == '1') {
    //       newText = '护照';
    //     } else if (text == '2') {
    //       newText = '军官证';
    //     }
    //     return <span>{newText ? newText : '--'}</span>;
    //   },
    // },
    // {
    //   title: '学历',
    //   dataIndex: 'educateLevelName',
    //   key: 'educateLevelName',
    //   width: 150,
    //   visible: false,
    //   render: (text: string) => {
    //     let colorText = getColorTextLoadMap(text)?.colorText;
    //     let color = getColorTextLoadMap(text)?.color;
    //     return (
    //       <Tooltip title={colorText}>
    //         <span
    //           className={pageStyles['over-flow-hidden']}
    //           style={{ maxWidth: 140, color }}
    //         >
    //           {colorText ? colorText : '--'}
    //         </span>
    //       </Tooltip>
    //     );
    //   },
    // },
    {
      title: '所在公司',
      dataIndex: 'companyName',
      key: 'companyName',
      width: 150,
      visible: true,
      render: (text: string | null) => {
        return (
          <Tooltip title={text}>
            <span
              className={pageStyles['over-flow-hidden']}
              style={{ maxWidth: 130 }}
            >
              {text ? text : '--'}
            </span>
          </Tooltip>
        );
      },
    },
    {
      title: '所在部门',
      dataIndex: 'deptName',
      key: 'deptName',
      width: 150,
      visible: true,
      render: (text: string | null) => {
        return (
          <Tooltip title={text}>
            <span
              className={pageStyles['over-flow-hidden']}
              style={{ maxWidth: 130 }}
            >
              {text ? text : '--'}
            </span>
          </Tooltip>
        );
      },
    },
    {
      title: '当前职务',
      dataIndex: 'positionName',
      key: 'positionName',
      width: 150,
      visible: true,
      render: (text: string | null) => {
        return (
          <Tooltip title={text}>
            <span
              className={pageStyles['over-flow-hidden']}
              style={{ maxWidth: 130 }}
            >
              {text ? text : '--'}
            </span>
          </Tooltip>
        );
      },
    },
    // {
    //   title: 'QQ',
    //   dataIndex: 'qqNum',
    //   key: 'qqNum',
    //   width: 150,
    //   visible: false,
    //   render: (text: string | null) => {
    //     return (
    //       <Tooltip title={text}>
    //         <span
    //           className={pageStyles['over-flow-hidden']}
    //           style={{ maxWidth: 130 }}
    //         >
    //           {text ? text : '--'}
    //         </span>
    //       </Tooltip>
    //     );
    //   },
    // },
    // {
    //   title: '微信',
    //   dataIndex: 'wechatNum',
    //   key: 'wechatNum',
    //   width: 150,
    //   visible: false,
    //   render: (text: string | null) => {
    //     return (
    //       <Tooltip title={text}>
    //         <span
    //           className={pageStyles['over-flow-hidden']}
    //           style={{ maxWidth: 130 }}
    //         >
    //           {text ? text : '--'}
    //         </span>
    //       </Tooltip>
    //     );
    //   },
    // },
    // {
    //   title: '传真',
    //   dataIndex: 'faxNum',
    //   key: 'faxNum',
    //   width: 150,
    //   visible: false,
    //   render: (text: string | null) => {
    //     return <span>{text ? text : '--'}</span>;
    //   },
    // },
    // {
    //   title: '个人简介',
    //   dataIndex: 'profileInfo',
    //   key: 'profileInfo',
    //   width: 200,
    //   visible: false,
    //   render: (text: string | null) => {
    //     return (
    //       <Tooltip title={text}>
    //         <span
    //           className={pageStyles['over-flow-hidden']}
    //           style={{ maxWidth: 190 }}
    //         >
    //           {text ? text : '--'}
    //         </span>
    //       </Tooltip>
    //     );
    //   },
    // },
    // {
    //   title: '兴趣爱好',
    //   dataIndex: 'hobby',
    //   key: 'hobby',
    //   width: 200,
    //   visible: true,
    //   render: (text: string | null) => {
    //     return (
    //       <Tooltip title={text}>
    //         <span
    //           className={pageStyles['over-flow-hidden']}
    //           style={{ maxWidth: 190 }}
    //         >
    //           {text ? text : '--'}
    //         </span>
    //       </Tooltip>
    //     );
    //   },
    // },
    // {
    //   title: '家庭住址',
    //   dataIndex: 'addressInfo',
    //   key: 'addressInfo',
    //   width: 200,
    //   visible: false,
    //   render: (text: string | null) => {
    //     return (
    //       <Tooltip title={text}>
    //         <span
    //           className={pageStyles['over-flow-hidden']}
    //           style={{ maxWidth: 190 }}
    //         >
    //           {text ? text : '--'}
    //         </span>
    //       </Tooltip>
    //     );
    //   },
    // },
    // {
    //   title: '创建类型',
    //   dataIndex: 'createType',
    //   key: 'createType',
    //   width: 120,
    //   visible: true,
    //   render: (text: string | null) => {
    //     let newText = '';
    //     if (text == '0') {
    //       newText = '手动创建';
    //     } else if (text == '1') {
    //       newText = 'Excel导入';
    //     }
    //     return (
    //       <Tooltip title={text}>
    //         <span
    //           className={pageStyles['over-flow-hidden']}
    //           style={{ maxWidth: 110 }}
    //         >
    //           {newText ? newText : '--'}
    //         </span>
    //       </Tooltip>
    //     );
    //   },
    // },
    // {
    //   title: '创建时间',
    //   dataIndex: 'createTime',
    //   key: 'createTime',
    //   width: 150,
    //   visible: true,
    //   render: (text: string | null) => {
    //     return (
    //       <Tooltip title={text}>
    //         <span
    //           className={pageStyles['over-flow-hidden']}
    //           style={{ maxWidth: 130 }}
    //         >
    //           {text ? text : '--'}
    //         </span>
    //       </Tooltip>
    //     );
    //   },
    // },
    // {
    //   title: '创建人',
    //   dataIndex: 'createrName',
    //   key: 'createrName',
    //   width: 150,
    //   visible: true,
    //   render: (text: string | null) => {
    //     return (
    //       <Tooltip title={text}>
    //         <span
    //           className={pageStyles['over-flow-hidden']}
    //           style={{ maxWidth: 130 }}
    //         >
    //           {text ? text : '--'}
    //         </span>
    //       </Tooltip>
    //     );
    //   },
    // },
    // {
    //   title: '创建岗位',
    //   dataIndex: 'createPositionName',
    //   key: 'createPositionName',
    //   width: 150,
    //   visible: false,
    //   render: (text: string | null) => {
    //     return (
    //       <Tooltip title={text}>
    //         <span
    //           className={pageStyles['over-flow-hidden']}
    //           style={{ maxWidth: 130 }}
    //         >
    //           {text ? text : '--'}
    //         </span>
    //       </Tooltip>
    //     );
    //   },
    // },
    // {
    //   title: '创建部门',
    //   dataIndex: 'createDepartmentName',
    //   key: 'createDepartmentName',
    //   width: 150,
    //   visible: false,
    //   render: (text: string | null) => {
    //     return (
    //       <Tooltip title={text}>
    //         <span
    //           className={pageStyles['over-flow-hidden']}
    //           style={{ maxWidth: 130 }}
    //         >
    //           {text ? text : '--'}
    //         </span>
    //       </Tooltip>
    //     );
    //   },
    // },
    // {
    //   title: '创建公司',
    //   dataIndex: 'createCompanyName',
    //   key: 'createCompanyName',
    //   width: 150,
    //   visible: false,
    //   render: (text: string | null) => {
    //     return (
    //       <Tooltip title={text}>
    //         <span
    //           className={pageStyles['over-flow-hidden']}
    //           style={{ maxWidth: 130 }}
    //         >
    //           {text ? text : '--'}
    //         </span>
    //       </Tooltip>
    //     );
    //   },
    // },
  ];
};

export { getPersonalColumns };
